Using Cascading Style Sheets > Defining style properties > Background properties
 		><

Background properties


The Background tab of the CSS Selector Inspector lets you set the background of the block generated by a style. You can use an image or color as a background. See The CSS1 formatting model for more information.

To edit the background properties of a style:

1 Select a style in the Style Sheet window, and click the Background tab () in the CSS Selector Inspector.

2 To set a background image, select the Image option, type a URL for the image file, and press Enter. You can also click Browse and locate the file, or use Point and Shoot to link to an image in the site window. Select Absolute to use an absolute path.

When you set a background image, also set a background color that will be used when the image is unavailable.

3 To set a background color, choose one from the Colors pop-up menu, or drag a selection from the WebColor List tab () of the Color palette.

4 To tile image horizontally, vertically, or in both directions, choose an option from the Repeat pop-up menu.
  • Repeat tiles the image both horizontally and vertically.
  • Repeat x tiles the image horizontally.
  • Repeat y tiles the image vertically.
  • Once sets this property to no-repeat, disabling tiling.

    • 5 To set a background to scroll or not scroll with other elements on the page (background-attachment property), choose an option from the Attach pop-up menu.

  • Choose Scroll if you want the image to scroll.
  • Choose Fixed if you don't want the image to scroll.

    • 6 To set the position of the image within the element block, choose a length unit, a percentage, or any of the Left, Center, Right, or Top, Center, Bottom keyword options from the Top and Left Units pop-up menu, type a number in the Top and Left text boxes, and press Enter.

    Using Cascading Style Sheets > Defining style properties > Background properties